 <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" errorPage="500.jsp"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
     <%@ taglib uri="http://java.sun.com/jsp/jstl/functions"  prefix="fn"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>榜单</title>
	<link rel="stylesheet" href="css/billboard.css">
	<link rel="stylesheet" href="css/reset.css">
  	<link rel="stylesheet" href="css/index.css">
  	<link rel="stylesheet" href="css/common.css">
  	<!-- 小图标 -->
  	<link rel="icon" href="css/favicon.ico" type="image/x-icon" />
  	<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
</head>
<body>
 <!-- 头部 -->
  <div class="header">
    <div class="header-inner">
      <h1>
        <a href="index.html" class="logo">太平洋影城</a>
      </h1>
      <div class="nav">
        <ul class="navbar">
          <li>
            <a href="index">首页</a>
          </li>
          <li>
            <a href="hotFilm.do">电影</a>
          </li>
          <li>
            <a href="#">影院</a>
          </li>
          <li>
            <a href="#">演出</a>
          </li>
          <li>
            <a href="billboard.do" class="active">榜单</a>
          </li>
          <li>
            <a href="#">热点</a>
          </li>
          <li>
            <a href="#">商城</a>
          </li>
        </ul>
      </div>
      <div class="user-info">
        <div class="user-avatar J-login">
          <c:choose>
            <c:when test="${sessionScope.userLogin !=null}">
              <img src="${sessionScope.userLogin.uImg}">
            </c:when>
            <c:otherwise>
              <img src="img/top_img/default_head.png">
            </c:otherwise>
          </c:choose>
          <span class="caret"></span>
          <c:choose>
            <c:when test="${sessionScope.userLogin !=null}">
              <ul class="user-menu yes-login-menu">
                <li class="text">
                  <a href="order.do?uid=${sessionScope.userLogin.uId}">我的订单</a>
                </li>
                <li class="text login-name" >
                  <a href="userEssential.do?uId=${sessionScope.userLogin.uId}">基本信息</a>
                </li>
                <li class="text">
                  <a href="exit.do" class="J-logout" data-act="logout-click">退出登录</a>
                </li>
              </ul>
            </c:when>
            <c:otherwise>
              <ul class="user-menu no-login-menu">
                <li><a href="login.jsp">登录</a></li>
              </ul>
            </c:otherwise>
          </c:choose>
        </div>
      </div>
      <form action="searchFilm.do" method="post" class="search-form">
        <input name="kw" class="search" type="search" maxlength="32" placeholder="找影视剧、影人、影院">
        <input class="submit" type="submit" value="">
      </form>
      <div class="app-download">
        <a href="#" target="_blank">
          <span class="iphone-icon"></span>
          <span class="apptext">APP下载</span>
          <span class="caret"></span>
          <div class="download-icon">
            <p class="down-title">扫码下载APP</p>
            <p class="down-content">选座更优惠</p>
          </div>
        </a>
      </div>
    </div>
  </div>
	<div class="container" id="app">

<div class="content">
    <div class="wrapper">
        <div class="main">
            <p class="update-time">2021-06-10<span class="has-fresh-text">已更新</span></p>
            <p class="board-content">榜单规则：将昨日国内热映的影片，按照评分从高到低排列取前10名，每天上午10点更新。相关数据来源于“猫眼专业版”及“猫眼电影库”。</p>
            <dl class="board-wrapper">
            	
            	
            		 <dd>
		                       <i class="board-index board-index-a">1</i>
		                      <a href="selectOneFilm.do?filmId=${filmsReviewScore[0].filmId}" title="${ filmsReviewScore[0].filmName}" class="image-link">
		                        <img src="${ filmsReviewScore[0].filmImg}" alt="" class="poster-default">
		                        <img alt="${ filmsReviewScore[0].filmName}" class="board-img" src="${ filmsReviewScore[0].filmImg}">
		                      </a>
		                      <div class="board-item-main">
		                        <div class="board-item-content">
		                                <div class="movie-item-info">
					                          <p class="name"><a href="selectOneFilm.do?filmId=${filmsReviewScore[0].filmId}" title="${ filmsReviewScore[0].filmName}">${ filmsReviewScore[0].filmName}</a></p>
					                          <p class="star">
					                                  主演：<c:forEach items="${ filmsReviewScore[0].performers}" var ="performer">
					                                    ${performer.perName} 
					                                  </c:forEach>
					                          </p>
		                 						<p class="releasetime">${filmsReviewScore[0].filmShowTime}</p> 
		                 			   </div>
		                      <div class="movie-item-number score-num">
		                 			 <p class="score"><i class="integer">${fn:substring(filmsReviewScore[0].reviewScore,0,1)}.</i><i class="fraction">${fn:substring(filmsReviewScore[0].reviewScore,2,3)}</i></p>   
		              		  </div>
		
		                  </div>
		                </div>

                	</dd>
            	
               			<c:forEach items="${ filmsReviewScore}"  begin="1" end="3" var="filmsReview" varStatus="cc" >
               			
               			     <dd>
				                   <i class="board-index board-index-2">${cc.count+1}</i>
				                  <a href="selectOneFilm.do?filmId=${filmsReview.filmId}" title="${ filmsReview.filmName}" class="image-link">
				                    <img src="${ filmsReview.filmImg}" alt="" class="poster-default">
				                    <img alt="${ filmsReview.filmName}" class="board-img" src="${ filmsReview.filmImg}">
				                  </a>
				                  <div class="board-item-main">
				                    <div class="board-item-content">
				                            <div class="movie-item-info">
				                     				 <p class="name"><a href="selectOneFilm.do?filmId=${filmsReview.filmId}" title="${ filmsReview.filmName}">${ filmsReview.filmName}</a></p>
				                     				<p class="star">
				                      	      				  主演：<c:forEach items="${ filmsReview.performers}" var ="performer">
					                                    ${performer.perName} 
					                                  </c:forEach>
				                     				 </p>
				             						 <p class="releasetime">${ filmsReview.filmShowTime}</p>   
				             				 </div>
					                  <div class="movie-item-number score-num">
					            			  <p class="score"><i class="integer">${fn:substring(filmsReview.reviewScore,0,1)}.</i><i class="fraction">${fn:substring(filmsReview.reviewScore,2,3)}</i></p>        
					                  </div>
				
				                    </div>
				                  </div>
		
		                </dd>
               	</c:forEach>
               <c:forEach items="${ filmsReviewScore}"  begin="4" end="9" var="filmsReview" varStatus="cc" >
               			  <dd>
		                        <i class="board-index board-index-4">${cc.count+4}</i>
		                        <a href="selectOneFilm.do?filmId=${filmsReview.filmId}" title="${ filmsReview.filmName}" class="image-link" data-act="boarditem-click" data-val="{movieId:1182552}">
		                          <img src="${ filmsReview.filmImg}" alt="" class="poster-default">
		                          <img alt="${ filmsReview.filmName}" class="board-img" src="${ filmsReview.filmImg}">
		                        </a>
		                        <div class="board-item-main">
		                          <div class="board-item-content">
		                                <div class="movie-item-info">
				                            <p class="name"><a href="selectOneFilm.do?filmId=${filmsReview.filmId}" title="${ filmsReview.filmName}">${ filmsReview.filmName}</a></p>
				                            <p class="star">
				                                    主演：<c:forEach items="${ filmsReview.performers}" var ="performer">
					                                    ${performer.perName} 
					                                    </c:forEach>
				                            </p>
		                   					 <p class="releasetime">${ filmsReview.filmShowTime}</p>  
		                   				 </div>
				                        <div class="movie-item-number score-num">
				                      
				                   				 <p class="score">
				                   				 <c:if test="${filmsReview.reviewScore == null}">
				                   				 		<i class="fraction">暂无评分</i>
				                   				 	</c:if>
				                   				 <c:if test="${filmsReview.reviewScore != null}">
				                   				 		<i class="integer">${fn:substring(filmsReview.reviewScore,0,1)}.</i><i class="fraction">${fn:substring(filmsReview.reviewScore,2,3)}</i>
				                   				 </c:if> 
				                   			
				                   				 </p>        
				                        </div>
		
		                          </div>
		                        </div>

                	</dd>
               	</c:forEach>
           
            </dl>

        </div>
    </div>
</div>

    </div>
    
 <!-- 底部 -->
  <div class="footer">
    <div class="content">
      <div class="moduleBox">
        <div class="informationBox">
          <div class="copy_van">
            <a class="ycgg" href=""><span>影城公告</span></a>
            <ul>
              <li>影城公告</li>
            </ul>
          </div>
          <div class="copy_van">
            <a class="ycgg" href=""><span>会员中心</span></a>
            <ul>
              <li>加入会员</li>
              <li>会员活动</li>
              <li>会员优惠</li>
            </ul>
          </div>
          <div class="copy_van">
            <a class="ycgg" href=""><span>影片资讯</span></a>
            <ul>
              <li>正在热映</li>
              <li>即将上映</li>
            </ul>
          </div>

          <div class="copy_van">
            <a class="ycgg" href=""><span>影城活动</span></a>
            <ul>
              <li>影城活动</li>
              <li>电影资讯</li>
            </ul>
          </div>
          <div class="copy_van">
            <a class="ycgg" href=""><span>关于我们</span></a>
            <ul>
              <li>影城介绍</li>
              <li>影院介绍</li>
              <li>联系我们</li>
            </ul>
          </div>
        </div>
        <div class="abc">
          <div class="textFloat">
            <div class="erwei1">
                              <span class="spans ">
                                  <img class="img1" src="img/foot_img/wxerweima.png" alt="">
                              </span>
              <span class="spans spanss">
                                  <a href="">微信在线购票</a>
                              </span>
            </div>
            <div class="erwei2">
                              <span class="spans">
                                  <img class="img1" src="img/foot_img/xcx.jpg" alt="">
                              </span>
              <span class="spans spanss">
                                  <a href="">小程序在线购票</a>
                              </span>

            </div>
          </div>
        </div>
        <div class="right_information">
          <ul class="ul1">
            <li class="lis1">连锁热线：</li>
            <li class="lis2">400-850-3366</li>
          </ul>
          <ul class="ul1">
            <li class="lis3">官方微信：</li>
            <li class="lis4">搜索“猫眼电影”</li>
          </ul>
        </div>
        <div class="top_btn">
                      <span>
                          <a href="javascript:void(0)" id="top">TOP</a>
                      </span>
        </div>
      </div>
      <div class="foot_text">
        <div class="foot">
          版权所有(C)猫眼电影投资有限公司　　技术支持：3-1-501
        </div>
      </div>
    </div>
  </div>
</body>
<script src="js/common.js"></script>
</html>